/*========== defaults ====================*/
body{background-color: #d5d5d5;font-size: .80em;font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0px;}
ul{list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
li{float: right; text-align:right;padding-left:10px}
.Mag{float:left;
    height: 25px;
}
a img{border:0;}
/*========== defaults ====================*/



/*========== Layout ====================*/
.Main{width: 1000px;background-color: White;text-align: right;margin: auto;}
.left { float:left; width:150px; margin:0; padding:0;}
.right { float:right; width:150px; margin:0; padding:0;}
.middle { margin:0 150px;}
.content-body {min-height: 240px;}
/*========== Layout ====================*/



/*========== elements ====================*/
.Farman-e-Ilahi{width: 150px;height: 150px;}
.TopNavigation{background-color: #5787B5;height:30px; padding: 4px 10px;}
.TopNavigation a{color:#fff;}
.Header{width: 848px;height: 150px;background-image: url('/Images/Header.jpg');background-position: right;float: right;}
.Logo{width: 250px;height: 200px;float: right;}
.Heading{width: 750px;height: 200px;}
.footer{background-color: #DDD;text-align: center;padding: 10px;}
.Farman-e-Ilahi img, .Logo img, .Header img, .Heading img{width: 100%;height: 100%;} 
.CommercialBottom{padding-bottom: 0px;text-align: center; margin-top:5px}
.commercial {margin-top: 20px;}
.addthis_button_linkedin_counter {margin-right: 10px;}
.addthis_toolbox {height:20px}

input[type="hidden"] {
display:none;
}



area {cursor: pointer;}





/* liScroll styles */
.tickercontainer *{z-index:5000;}
.tickercontainer { /* the outer div with the black border */
border: 1px solid #dfdfdf;
border-left-width:0;
border-right-width:0;
background: #fff; 
height: 30px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 1px;
top: 3px;
width: 100%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
display:none;
position: relative;
left: 1000px;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
/*========== elements ====================*/





/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:150px;
	height:150px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:150px;
	height:150px;
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.slider-pagination {
	margin:8px auto 0;
	width:100px;
}

.slider-pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.slider-pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/images/icons/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.slider-pagination li.current a {
	background-position:0 -12px;
}
